<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/adminjsp/taglibs.jsp"%>    
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>人人自由-首页</title>
		<!-- Bootstrap -->
		<link rel="stylesheet" type="text/css" href="../../styles/customCss/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../styles/customCss/bootstrap-theme.min.css" />
		<!-- 导航菜单栏右侧点击滑入 -->
		
		<!-- 用户样式 -->
		<link rel="stylesheet" type="text/css" href="../../styles/customCss/style.css" />
	</head>
	<body>
		<jsp:include page="top.jsp"></jsp:include>
		<div id="myCarousel" class="carousel slide">
			<ol class="carousel-indicators">
				<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
				<li data-target="#myCarousel" data-slide-to="1"></li>
				<li data-target="#myCarousel" data-slide-to="2"></li>
			</ol>
			<!-- Carousel items -->
			<div class="carousel-inner">
				<div class="active item" style=" background:url(../../images/customImg/sy_pic1_1.png) center no-repeat;min-height:300px;"></div>
				<div class="item" style="background:url(../../images/customImg/sy_pic1_1.png) center no-repeat;min-height:300px;"></div>
				<div class="item" style="background:url(../../images/customImg/sy_pic1_1.png) center no-repeat;min-height:300px;"></div>
			</div>
			<!-- Carousel nav -->
			<a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
			<a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
		</div>
	
		<div class="container-fluid">
			<p class="sy_tit">最新任务<i><img src="../../images/customImg/sy_picon.jpg"></i><span>new task</span></p>
			<!-- Stack the columns on mobile by making one full-width and the other half-width -->
			<div class="row task">
			<c:forEach var="data" items="${customTaskInfList}" varStatus="status">
				<div class="col-xs-12 col-md-4">
					<div class="col_box">
	                    <a href="task?taskId=${data.taskId}">
	                        <img src="../../taskUploadFile/${data.minPic}">
	                        <div class="taskbox">
	                            <p class="tit">${data.title}</p>
	                            <p class="nei">${data.taskDesc}</p>
	                            <div class="xinxi">
	                                <p class="on_and_out">招单中</p>
	                                <p class="price"></p>
	                                <p class="time">需求单数：${data.count}</p>
	                                <div class="clearfix"></div>
	                            </div>
	                        </div>
	                    </a>
	                </div>
				</div>
			</c:forEach>
	            <div class="clearfix"></div>
	            <p class="more"><a href="#">查看更多</a></p>
			</div>
		</div>
		
		<jsp:include page="bottom.jsp"></jsp:include>
		
		
	</body>
</html>